<template>
	<!-- <view class="content"> -->
		<view class="bgview">
			
			<view class="topview">
				<view class="top-left"><label class="lab-item-left"><span>{{title}}</span></label></view>
				<view class="top-right"><label class="lab-item-right">10-15k/月</label></view>
			</view>
			<view class="centerview">
				{{content}}
			</view>
			<view class="buttomview">
				<view class="addr">
					<u-icon name="map" color="#A1A1A1" size="13"></u-icon>
					{{item.nickName}}-2023-07-31
				</view>
			</view>
			<view class="lineview"></view>
		</view>
	<!-- </view> -->
	
</template>

<script>
	export default {
		name: "home_page_cellItem",
		props:['title', 'content','item'],
		
		data() {
			return {
			itemData:this.item
			};
		},
		methods:{
			// itemClick(){
			// 	console.log('点击到我了～')
			// 	uni.navigateTo({
			// 		// url:"/pages/tabbar/work/shiming"
			// 		url:"/pages/tabbar/work/workfabu"
			// 	})
			// }
		}
	}
</script>

<style lang="scss">
	// .content{
	// 	background-color: #F6F6F6;
	// 	padding-top: 5px;
	// 	height: 100%;
	// }
	.lineview{
		background-color: #F6F6F6;
		width: 100%;
		height: 5px;
	}
	.centerview{
		margin: 10px;
		background-color: white;
		// margin-top: 15px;
		// margin-: 15px;
	}
	.buttomview{
		margin-left: 10px;
		padding-bottom: 10px;
		background-color: white;
	}
	.bgview {
		padding-top: 10px;
		background-color: white;
		display: flex;
		flex-direction: column;

		.topview {
			display: flex;
			flex-direction: row;
			height: 30px;

			// justify-items: center;
			.top-left {
				// background-color: yellow;
				background-color: white;
				width: 50%;
				display: flex;
				justify-content: flex-start;
				padding-left: 10px;
				align-items: center;

				// justify-items: center;
				.lab-item-left {
					// background-color: red;
					// text-align: center;
					color: #0F0F0F;
					font-size: 13pt;
					font-family: PingFang SC-Bold;
					padding-left: 5px;
					text-align: left;
				}
			}

			.top-right {
				// background-color: goldenrod;
				background-color: white;
				width: 50%;
				display: flex;
				justify-content: flex-end;
				padding-right: 10px;
				text-align: center;
				align-items: center;

				// justify-items: center;
				.lab-item-right {
					// background-color: red;
					// text-align: center;
					// color: #0F0F0F;
					// font-size: 13pt;
					// font-family: PingFang SC-Bold;
					padding-left: 5px;
					text-align: right;
				}
			}
		}
	}

	.addr {
		display: flex;
		color: #a1a1a1;
		font-size: 24rpx;
		margin-top: 20rpx;

		::v-deep {
			.u-icon {
				margin-right: 14rpx;
			}
		}
	}
</style>